html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: '微软雅黑';
}

#login-warp {
  height: 298px;
  width: 468px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -234px;
  margin-top: -149px;
}

.login-logo {
  text-align: center;
  margin-top: 16px;
}

.margin_ {
  margin-bottom: 26px;
}

.input-control_ {
  width: 340px;
  height: 46px;
  border: 1px solid #ccd7e1;
  border-radius: 2px;
  margin-left: 65px;
  padding-left: 20px;
}

input::-webkit-input-placeholder {
  color: #B0BEC5;
  font-size: 14px;
}

input:-moz-placeholder {
  color: #B0BEC5;
  font-size: 14px;
}

input::-moz-placeholder {
  color: #B0BEC5;
  font-size: 14px;
}

input:-ms-input-placeholder {
  color: #B0BEC5;
  font-size: 14px;
}

#login-btn {
  width: 84px;
  height: 42px;
  background: #0F83CA;
  border: none;
  color: #fff;
  position: relative;
  top: -44px;
  left: 319px;
  outline: none;
}

#login-btn:hover {
  width: 84px;
  height: 42px;
  background: #01579b;
  border: none;
  color: #fff;
  position: relative;
  top: -44px;
  left: 319px;
  outline: none;
}

#line_ {
  width: 340px;
  margin-left: 65px;
}

#login-footer {
  font-size: 12px;
  color: #78909c;
  margin-left: 65px;
}

#error_label {
  margin-left: 65px;
  font-size: 12px;
  color: red;
  position: absolute;
  bottom: 70px;
}

.footer_ {
  position: absolute;
  bottom: 20px;
}

.input-control_:focus {
  border: 1px solid #3A7DB3;
  outline: none;
}